body,
div,
span,
header,
footer,
nav,
section,
aside,
article,
ul,
dl,
dt,
dd,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
i,
b,
textarea,
button,
input,
select,
figure,
figcaption {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
}

body:focus,
div:focus,
span:focus,
header:focus,
footer:focus,
nav:focus,
section:focus,
aside:focus,
article:focus,
ul:focus,
dl:focus,
dt:focus,
dd:focus,
li:focus,
a:focus,
p:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
i:focus,
b:focus,
textarea:focus,
button:focus,
input:focus,
select:focus,
figure:focus,
figcaption:focus {
    outline: none;
}

input[type="button"],
input[type="submit"],
input[type="search"],
input[type="reset"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

html,
body {
    height: 100%;
    width: 100%;
    background-color: #efefef;
}

.container {
    width: 100%;
    height: 100%;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

.clear {
    zoom: 1;
}

.back_img {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.margin {
    margin: 0 auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fz16 {
    font-size: 0.16rem;
}

.tags-box {
    height: .35rem;
    overflow: hidden;
}

.tags {
    display: inline-block;
    padding: .1rem 0;
    margin-right: .03rem;
}

.tags-txt {
    display: inline-block;
    height: .15rem;
    padding: 0 .06rem;
    line-height: .15rem;
    font-size: .1rem;
    vertical-align: top;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0.9;
    border-radius: .075rem;
}

.home .content .swiper-wrapper,
.detail .swiper-wrapper,
.mine .swiper-wrapper {
    white-space: nowrap;
}

.home .content .swiper-wrapper .swiper-slide,
.detail .swiper-wrapper .swiper-slide,
.mine .swiper-wrapper .swiper-slide {
    display: inline-block;
    width: auto !important;
}

.blank44 {
    width: 100%;
    height: .44rem;
    background-color: #efefef;
}

.blank56 {
    width: 100%;
    height: .56rem;
    background-color: #efefef;
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 102;
}
